/*** 头部样式
*/

// 在nav中头部样式
@mixin office-header-style
{
  ion-navbar
  {
    min-height: px2rem(88);
    padding: 0;
    .toolbar-background
    {
      border: 0;
    }

    // 返回按钮
    ion-buttons.back-buttons
    {
      height: px2rem(40);
      margin: 0;
      padding: 0;
      width: px2percent(50);
      background : transparent;
      position: relative;

      button
      {
        padding: 0;
        margin: 0;
        position: absolute;
        right: 0;
        top: 0;
        width: 100%;
        height: 100%;
        span
        {
          height: 100%;
          width: 100%;
          background: url("../assets/img/common/arrows-back.png") no-repeat right center;
          background-size: contain;
        }
      }

      // 重置back的位置
      &
      {
        -webkit-order: 0;
        -ms-flex-order: 0;
        order: 0;

      }
    }

    .toolbar-content
    {
      height: 100%;

      // 内容显示
      >ion-title
      {
        height: 100%;
        width: 100%;
        position: absolute;
        left: 0;
        top: 0;
        padding: 0;
        // 页首文字
        .toolbar-title
        {
          color: $office-white;
          font-weight: lighter !important;
          font-size: px2rem(32);
          text-align: center;
          height: px2rem(88);
          line-height: px2rem(88);
        }
      }

    }
  }
  // 清除后置内置生成的
  &::after
  {
    height: 0;
  }
}

